﻿/*@import "base.css";*/

@font-face{
  font-family: 'STKaitiSC';
  src: url('../font/STKaitiSC-Black.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'dfkai-sb';
  src: url('../font/dfkai-sb.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
body{
  font-family: Microsoft yahei, Arial, Helvetica Neue, Helvetica, sans-serif;
  color:#000;
  box-sizing: border-box;
}
.main{
  max-width: 1200px;
  margin: 0 auto;
}
.main:after{
  content:".";
  height:0;
  display:block;
  visibility:hidden;
  clear:both;
  font-size:0;
}
/***********头部***********/
header{
  padding:20px 0;
  border-top:4px solid #00a868;
}
header>div>div{
  float:left;
}
header>div>ul{
  float:right;
}
header>div>ul>li{
  float:left;
  font-size: 16px;
  width:120px;
  text-align: center;
  line-height: 100px;
  position: relative;
}
header>div>ul>li>a{
  color:#000;
}
header>div>ul>li:first-of-type{
  font-size: 28px;
}
header>div>ul>li:first-of-type a{
  color:#00a868;
}
header>div>ul>li:last-of-type a{
  padding-left:20px;
  background: url(../images/icon01.png) no-repeat left top;
  background-size:  18% 100%;
  color:#b3b3b3
}
header .nav_two{
  position: absolute;
  width: 100%;
  top:75%;
  z-index: 5;
  display: none;
}
header .nav_two>li{
  background: #205285;
  padding: 10px 0;
}
header>div{
  position:relative;
}
.nav_icon{
  position: absolute;
  display:none;
}
header .nav_two a{
  color:#fff;
}
header .nav_two li{
  line-height: 1.5;
}
/**************banner***************/
.banner_box img{
  display: block;
  width: 100%;
}
/**************首页主体***************/
.module_one img{
  display: block;
  width: 100%;
}
.module_one dd{
  padding:65px 0;
  color:#00a868;
  background: url(../images/icon01.png) no-repeat 90% center;
  font-family:SimSun;
}
.module_one dd p{
  font-size: 48px;
  color: #00a868;
}
.module_one dd h2{
  font-size: 30px;
  color: #00a868;
  margin-bottom:10px;
}
/***************底部*****************/
footer{
  padding:45px 0 65px 0;
  background: #00a868;
  color:#fff;
  margin-top: 70px;
}
.line{
  width: 47px;
  height:3px;
  background: #fff;
}
.foot_left{
  float: left;
}
.foot_left_one{
  padding:25px 0;
}
.foot_left_one p{
  font-size: 22px;
  line-height: 1.5;
}
.foot_left_two{
  font-size: 14px;
  margin-top:200px;
}
.foot_left_two h3{
  margin-top: 15px;
}
.foot_right{
  float:right;
  width:210px;
}
.foot_right p{
  font-size: 14px;
}
.foot_right h1{
  font-size: 26px;
  padding:20px 0;
  font-weight: bold;
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?8730118');
  src: url('../font/fontello.eot?8730118#iefix') format('embedded-opentype'),
  url('../font/fontello.woff?8730118') format('woff'),
  url('../font/fontello.ttf?8730118') format('truetype'),
  url('../font/fontello.svg?8730118#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.foot-icon{
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.foot_two{
  position: fixed;
  width: 100%;
  bottom: 0;
  text-align: center;
  background:#fff;
  font-size: 14px;
  padding:0;
  display: none;
}
.foot_two a{
  display: inline-block;
  width: 24%;
  color:#8699a0;
  padding:10px 0;
}
/***********产品************/
.module_two>img{
  display: block;
  margin: 40px auto 0 auto;
}
.module_two li{
  padding-left:85px;
  margin: 20px 0;
  overflow: hidden;
}
.module_two li img{
  float:right;
  width: 574px;
  height:355px;
}
.module_two li>a{
  color:#000;
}
.module_two li>a>div{
  float:left;
  width: 290px;
  padding:20px 68px;
  line-height:40px;
  border-top:1px solid #00a868;
  border-bottom:1px solid #00a868;
  margin-top: 120px;
}
.module_two h1{
  font-size: 22px;
}
.module_two h2{
  color:#fff;
  font-size: 24px;
  line-height: 30px;
width:106px;
text-align:center;
  margin-top: 10px;
  background: #00a868;
  border-radius: 1em / 1em ;
}
.module_two h2 span{
  font-size: 18px;
}
.module_two h3{
  font-size: 14px;
}
.module_two h3 div{
  float: right;
  line-height: 20px;
  margin-top: 10px;
}
/******************************/
.title_one{
  color:#00a868;
  font-size: 48px;
  text-align: center;
  margin-top: 40px;
}
.line_two{
  width: 70px;
  height:2px;
  background: #00a868;
  margin: 50px auto;
}
.info_one{
  font-size: 18px;
  color:#231815;
  text-align: center;
  line-height: 1.5;
}
.module_three{
  font-size: 18px;
  text-align: center;
  width:995px;
  margin:0 auto;
}
.module_three dd{
  padding:40px 0;
}
.title_two{
  margin-top: 120px;
}
/******************************/
.title_three{
  font-size: 34px;
  color:#231815;
  margin-top: 30px;
  margin-bottom: 20px;
}
.info_two{
  font-family: 'dfkai-sb';
}
.title_four{
  font-size: 26px;
  color:#00a568;
}
.module_three dd p{
  line-height: 32px;
}
/******************************/
.module_four{
  color:#5b7979;
  margin-top: 100px;
  font-size:14px;
}
.module_four ul{
  overflow: hidden;
  width:1200px;
  margin:0 auto;
}
.module_four li{
  text-align: center;
  float:left;
  width: 33.33%;
  margin:0 0 70px 0;
}
.module_four li div{
  max-width: 380px;
  margin:0 auto ;
}
/*
.module_four li:first-of-type{
  float:none;
  margin: 0 auto 70px auto;
}*/
.title_five{
  font-size: 20px;
  line-height: 56px;
  margin-bottom: 20px;
}
.module_four .h5{
  margin-top:25px;
  font-size: 16px;
  font-family: '楷体';
}
.module_four .h4 {
  line-height: 1.6;
}
/******************************/
.info_three{
  font-family: 'dfkai-sb';
  color:#00a568;
  font-size: 20px;
}
.module_three dd div{
  text-align: left;
}
/******************************/
.module_five ul{

}
.module_five li{
  margin:90px 40px 0 40px;
  border-bottom: 6px solid #e4e4e4;
  overflow: hidden;
}
.module_five li:last-of-type{
  border-bottom: 0;
}
.module_five li .title_six{
  float: left;
}
.module_five li .info_four{
  float: right;
  padding-right: 30px;
  width: 70%;
  font-size: 18px;
  line-height: 1.5;
}
.module_five li .info_four p{
  padding-left:90px;
  position: relative;
}
.info_four p span{
  font-size: 20px;
  color:#00a568;
  font-weight: bold;
  position: absolute;
  top:0;
  left:0;
}
.info_four img{
  float:right;
}
/******************************/
.title_seven{
  font-family: 'stkaitisc-blod';
  font-size: 48px;
}
/******************************/
.module_six ul{
  /*width:85%;*/
  border-top:1px solid #00a868;
  border-bottom: 1px solid #00a868;
  padding:15px 0;
  margin-top: 100px;
}
.module_six li{
  font-size: 12px;
  line-height: 2;
  color:#999;
}
.module_six li a{
font-size: 20px;
  color:#000;
}
.module_six li a:hover{
  color:#999;
}
.module_six li span{
  font-size: 14px;
  color:#727171;
}
.module_six{
  position: relative;
}
.module_six .page_one{
  position: absolute;
  right:40px;
  top:-21px;
}
.module_six .page_one a{
  display: inline-block;
}
.module_six .page_one .prev{
  margin-right: 50px;
}
.page_two{
  margin: 50px 0;
  text-align: center;
}
.page_two a{
  display: inline-block;
  padding:3px 8px;
  border:1px solid #00a868;
  margin: 0 10px;
}
.page_two .active{
  border-color: transparent;
  color:#00a868;
}
/******************************/
.module_seven iframe{
  width: 100%;
}
.info_five{
  color:#00a568;
  text-align: center;
  margin-top: 70px;
}
.info_five div{
  display: inline-block;
  padding:5px 20px;
  font-size: 26px;
  font-weight: bold;
  margin-top: 20px;
  border:1px solid #00a568;
  border-radius:  1em / 1em;
}
/******************************/
.line_three{
  width:100%;
  height:30px;
  background: #f1f4f0;
}
.title_six{
  font-size: 36px;
  text-align: center;
  margin-top: 90px;
}
.time{
  display: block;
  text-align: center;
  font-size: 16px;
  color:#727171;
  line-height: 2;
}
.con{
  margin-top: 80px;
  font-size: 18px;
  padding:0 80px;
  color:#000;
}
.con img{
  display: block;
  margin: 0 auto;
}
.headNav,.subnav{
  display:none;
}
@media screen and (min-width: 769px) {
  header>div>ul>li:hover>a{
    color:#00a868;
  }
  header>div>ul>li:hover .nav_two{
    display: block;
  }
  header .nav_two li:hover a{
    color:#00a868;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px){
header{
  padding:0;
  display: none;
}
/*
header>div>div{
display: none;
}
header>div{
position:fixed;
top:0;
left:0;
background:#fff;
z-index:10;
}
header>div>ul{
width: 100%;
height:40px;
overflow:hidden;
}
header>div>ul.on{
 height:auto;
}
header>div>ul.on li{
width: 100%;
}
header>div>ul>li{
width:30%;
line-height: 40px;
}
header>div>ul.on>li{
line-height: 30px;
}
header>div>ul>li img{
 max-width:100%;
}
header .nav_two{
display:block;
position: static;
z-index:0;
}
header .nav_two li{
line-height:30px;
padding:0;
background:#fff;
}
header .nav_two a{
color:#000;
}
.nav_icon{
  display:block;
width:20px;
height:20px;
right:10px;
top:21px;
z-index:2;
}*/
/**************/
.headNav{
  /*margin: 20px 0;*/
  display:block;
  overflow:hidden;
  position:fixed;
  top:0;
  width:100%;
  background:#fff;
  border:1px solid rgba(134,153,160,.5);
  z-index:5;
}
.headNav>li{
  box-sizing: border-box;
  float:left;
  width:25%;
  font-size:12px;
  height: 40px;
  line-height:40px;
  border-right:1px solid rgba(134,153,160,.5);
  text-align:center;
}
.headNav>li:nth-of-type(4),.headNav>li:nth-of-type(8) {
    border-right: 0;
}
.headNav>li:nth-of-type(1), .headNav>li:nth-of-type(2),.headNav>li:nth-of-type(3),.headNav>li:nth-of-type(4) {
    border-bottom: 1px solid rgba(134,153,160,.5);
}
.headNav>li img{
  width:80%;
 vertical-align: middle;
}
.headNav>li a{
  color:#000;
}
.subnav{
  display:block;
  padding: 14px 20px;
  overflow:hidden;
}
.subnav li{
  float:left;
  width:25%;
  line-height:38px;
  font-size:14px;
  text-align:center;
}
.subnav li a{
 color:#8699a0;
 text-decoration: underline;
}
.subnav li.hover a,.headNav>li.hover a{
  color:#00a868;
}
/********************/
.main{
    padding:10px;
    width:98%;
}
  .module_one dd{
    padding: 5% 15px;
    background-size: 5% 23%;
  }
  .module_one dd p{
    font-size: 16px;
  }
  .module_one dd h2{
    font-size: 20px;
  }
.module_one dt{
 padding:0 15px;
}
  .foot_left_one{
    padding-right: 15px;
    padding-left: 15px;
  }
  .foot_left_one p{
    font-size: 16px;
  }
  .foot_left img{
    display: block;
    margin: 0 auto;
  }
  .foot_left_two{
    text-align: center;
    margin-top: 0;
  }
 .foot_left_two span{
    display:block;
  }
  .foot_right{
    width: 100%;
    text-align: center;
  }
  .foot_right h1{
    font-size: 20px;
  }
  .banner_box{
    margin-top: 130px;
    padding:0 15px;
  }
  .module_two li{
    padding: 2%;
    float:left;
    width:46%;
    min-height:220px;
  }
  .module_two li img{
    float: none;
    width: 100%;
    height:50%;
  }
  .module_two li>a>div{
    float: none;
    padding: 0;
    margin-top:20px;
    width:100%;
    line-height:2.5;
    text-align:center;
  }
  .module_two li>a>div h1{
    font-size:12px;
  }
  .module_two>img{
    width: 100%;
  }
  .module_two h3{
    overflow: hidden;
    font-size:12px;
line-height: 1.8;
  }
  .foot_two{
    display: block;
  }
  .module_three{
    margin-top: 30px;
    font-size: 14px;
  }
  .title_one{
    margin-top: 0;
    font-size: 20px;
  }
  .line_two{
    margin: 15px auto;
  }
  .info_one{
    font-size: 12px;
  }
  .info_one img{
    width: 100%;
  }
  .title_two {
    margin-top: 20px;
  }
  .module_three .title_two img{
    width: 40px;
  }
  .module_three dl img{
    width: 100%;
  }
  .module_three dd {
    padding: 20px 0;
    font-size: 12px;
  }
  .title_three{
    margin-top: 35px;
    font-size: 18px;
  }
  .module_three dd p{
    line-height: 2;
  }
  .module_four{
    margin-top: 30px;
  }
  .module_four ul{
    padding: 0 15px;
  }
  .module_four li{
    width: 31.33%;
    height: auto;
    margin:1%;
    margin-bottom: 20px;
  }
  .module_four li img{
   width:100%;
  }
 .module_four .h5{
   height:90px;
 }
 .module_four  .title_five{
  height:110px;
  line-height:28px;
 }
.module_four .h4{
  min-height:286px;
}
  .module_five li{
    margin: 0 15px;
  }
  .module_five li .title_six{
    float: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .module_five li .title_six img{
    width: 40px;
  }
  .module_five li .info_four{
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
  }
  .module_five li .info_four p{
    padding: 0;
  }
  .info_four p span{
    position: static;
    display: block;
  }
  .info_four img{
    width: 100%;
    margin: 10px 0;
  }
  .module_seven{
    margin-top: 81px;
  }
  #map{
    height:300px!important;
  }
  .module_six ul{
    width: 100%;
  }
  .module_six .page_one{
    right: 20px;
    top: -14px;
  }
  .module_eight{
    margin-top: 81px;
  }
  .title_six{
    font-size: 18px;
    margin: 10px 15px 0 15px;
  }
  .line_three{
    height: 10px;
  }
  .time{
    font-size: 14px;
  }
  .con{
    margin: 20px 15px 0 15px;
    padding: 0;
    font-size: 12px;
  }
  .con img{
    width: 100%;
  }
  .module_three{
    width: 96%;
    padding: 0 2%;
  }
  .module_four ul{
    width: 96%;
    padding: 0 2%;
  }
  .title_five{
    font-size: 18px;
  }
  .module_six li a{
    font-size:12px;
    padding-left: 15px;
  }
  .page_two a{
    font-size:12px;
    margin: 0 5px;
  }
.info_five{
 margin-top:0;
}
.module_seven.font04{
margin-top:0;
}
.module_two h2{
 padding:0 10px;
line-height:1.5;
font-size:14px;
margin: 0 auto;
 width: 50px;
}
}